<template>
  <div class="help-question">
    <HeaderTop title="Help"></HeaderTop>
    <div class="title">
      <p v-if="position === 'review'">How long does it take to review?</p>
      <p v-if="position === 'reply'">I have been applying for a long time, but there is no reply.</p>
      <p v-if="position === 'message'">I accepted the phone comment a long time ago, but I did not receive the result message</p>
      <p v-if="position === 'final'">I have already reached the final review, but I have not received the loan for several days.</p>
      <p v-if="position === 'replied'">I haven’t replied for such a long time</p>
      <p v-if="position === 'rejected'">Why am I being rejected?</p>
      <p v-if="position === 'receive'">Why did I receive the loan information, but I did not receive the loan</p>
    </div>
    <div class="main">
      <p v-if="position === 'review'">Please keep your mobile phone open and the auditor will contact you within 1-2 business days, such as on weekends, to complete the review within 3-4 business days.</p>
      <p v-if="position === 'reply'">Sorry for the inconvenience! Our auditors are stepping up their review. After the review is completed, we will notify you as soon as possible, thank you for your support.</p>
      <p v-if="position === 'message'">Sorry for the inconvenience! Our auditors are stepping up their review. After the review is completed, we will notify you as soon as possible, thank you for your support.</p>
      <p v-if="position === 'final'">Sorry for the inconvenience! Our auditors are stepping up their review. After the review is completed, we will notify you as soon as possible, thank you for your support.</p>
      <p v-if="position === 'replied'">Sorry for the inconvenience! Our auditors are stepping up their review. Once the review is complete, we will notify you as soon as possible. If you do not receive the notification of the review result within 7 days, your profile information will be deleted automatically. If you still need to apply for a loan, please re-enter the app to fill out the application. Thank you for your support.</p>
      <p v-if="position === 'rejected'">Sorry, your information has not yet reached the loan requirements! Please maintain your credit score, welcome to apply next time, thank you for your support!</p>
      <p v-if="position === 'receive'">Please be patient, there is a delay in lending. If you have not received the loan within one working day, please contact us asap.</p>
    </div>
  </div>
</template>

<script>
  import HeaderTop from '@/components/header-top'
  export default {
    name: 'help-question',
    components: {
      HeaderTop
    },
    data () {
      return {
        position: '',
      };
    },
    created() {
      const query = this.$route.query;
      this.position = query.position;
    }
  }
</script>

<style lang="scss" scoped>
  @import '~@/assets/scss/function';

  [data-page=help-question] {
    body {
      background: #f8f8f8;
    }
    .help-question {
      color:#333333;
      padding:180px 0 30px 0;
      .title {
        font-size:32px;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:48px;
        width:560px;
        margin:0 auto 60px auto;
        text-align: center;
      }
      .main {
        width:690px;
        margin:0 auto;
        background:#FFF;
        border-radius:20px;
        padding:30px;
        font-size:28px;
        line-height:44px;
      }
    }
  }
</style>
